$colorMain:#333;
$colorStyle:#303289;
$fontSizeMain:16px;
$lineHeightMain:18px;
$mainFont: Meiryo, メイリオ, Regular, sans-serif;
$bodyMaxWidth: 960px;
$bgBodyColor:#fcfcfa;
body {
  color:$colorMain;
  font-size:$fontSizeMain;
  font-family:$mainFont;
  line-height:$lineHeightMain;
}
a {
  text-decoration: none;
  &:hover { text-decoration: none; }
}
p{
  margin:0;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom:0;
  margin-top:0;
  line-height:100%;
}
ul{
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.container{
  width:960px;
  padding-left:0;
  padding-right:0;
}
.row {
    margin-left:0;
    margin-right:0;
}
.ml20{
  margin-left:20px;
}
.mb20{
  margin-bottom:20px;
}
.mt20{
  margin-top:20px;
}
.mr20{
  margin-right:20px;
}
.title01{
  font-size:150%;
  color:$colorStyle;
  border-bottom:3px solid $colorStyle;
  margin-bottom:22px;
}
.title02{
  background:$colorStyle;
  color:#fff;
  font-size:150%;
  padding:10px 0 6px 10px;
  margin-bottom:20px;
  line-height:90%;
  font-weight:bold;
}
.title03{
  padding-left:37px;
  margin-bottom:30px;
  background:url(../images/title03_flag.jpg) 10px 1px no-repeat;
  font-weight:bold;
}
.title04{
  color:$colorStyle;
  border-bottom:2px solid $colorStyle;
  margin-bottom:20px;
}
.backToTop{
  float:right;
  color:$colorMain;
  border:1px solid #CDC8BE;
  padding: 9px 5px 4px 30px;
  margin-bottom:20px;
  background:url(../images/flag_backToTop.png) 6px 6px no-repeat #ECEBE6;
}
.list{
  li{
    margin-bottom:6px;
    padding-left:15px;
    background:url(../images/flag_list.png) 0 2px no-repeat;
  }
}
.list02{
  &.second{
    margin-top:38px;
  }
  li{
    padding:0;
    a{
      color:#3E72BB;
      padding-left:15px;
      text-decoration:underline;
      line-height:150%;
      background:url(../images/flag_list02.png) 0 50% no-repeat;
    }
  }
}
.pagination{
  ul{
    li{
      float:left;
      margin:0 10px;
    }
  }
}

/* header */
header{
  background:$bgBodyColor;
  .topHeader{
    background:#E3E2DD;
    ul{
      li{
        margin-right:18px;
        a{
          color:$colorMain;
          font-family:A-OTF Shin Go Pro;
          padding:11px 0 13px;
          &:hover{
            background:none;
          }
        }
        &:nth-child(2n){
          margin-left:27px;
        }
        &:first-child{
          a{
            padding-left:14px;
            background:url(../images/flag-list.png) 0 50% no-repeat;
          }
        }
      }
    }
  }
  .mainHeader{
    border-bottom:4px solid $colorStyle;
    background:#F6F5EF;
    .logo01{
      padding:14px 0 18px;
    }
    .features{
      padding:0;
      text-align:right;
      .logo02{
        text-align:right;
        margin:10px 0 15px;
      }
      ul{
        display:inline-block;
        li{
          color:#000;
          display:inline;
          a{
            color:#464646;
            text-align:center;
            padding:3px 0 0 0;
            margin-right:2px;
            display:inline-block;
            width:38px;
            border-radius:3px;
            border:1px solid #ABABAB;
            background-color:#EBEBEB;
            background-position: 50% 50%;
            background-repeat:no-repeat;
            &.standard{
              color:#fff;
              margin-left:8px;
              border:1px solid #595959;
              background-color:#595959;
            }
          }
        }
      }
      form{
        margin-left:18px;
        display:inline-block;
        input[type="text"]{
          padding:8px 0 0 5px;
          width:176px;
          height:25px;
          margin-left:8px;
          border:1px solid #bbb;
          border-radius:2px;
        }
        input[type="submit"]{
          width:25px;
          height:25px;
          margin-left:4px;
          padding-bottom:4px;
          border:0;
          background:url(../images/bg_search.png) 0 0 no-repeat;
        }
        ::-webkit-input-placeholder { /* WebKit browsers */
            color:    $colorMain;
        }
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color:    $colorMain;
            opacity:  1;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color:    $colorMain;
            opacity:  1;
        }
        :-ms-input-placeholder { /* Internet Explorer 10+ */
            color:    $colorMain;
        }
      }
    }
  }
  .globalNav{
    border-bottom:4px solid #8cb0c2;
    li{
      border-right:1px solid #d6d4c5;
      &:first-child{
        border-left:1px solid #d6d4c5;
      }
      a{
        font-family:A-OTF Shin Go Pro;
        font-style:M;
        letter-spacing:-1px;
        color:#737373;
        text-align:center;
        width:136px;
        height:53px;
        padding:0;
        display:table-cell;
        vertical-align:middle;
        background-color:#f6f5ef;
        &:hover{
          background-color:#fff;
        }
        &.ofMonth{
          background-position:0 0;
        }
        &.rental{
          background-position:-137px 0;
        }
        &.seminar{
          background-position:-274px 0;
        }
        &.trends{
          background-position:-411px 0;
        }
        &.owner{
          background-position:-548px 0;
        }
        &.berupuraza{
          background-position:-685px 0;
        }
        &.renovation{
          background-position:-822px 0;
        }
      }
    }
  }
}

/* mainBody */
.mainBody{
  background:$bgBodyColor;
  .breadcrumb{
    background:none;
    padding:0;
    margin-top:12px;
    margin-bottom:10px;
    li{
      margin-bottom:10px;
      &:before{
        content:"";
      }
      &:last-child{
        color:#404040;
        background:none;
      }
      a{
        color:#005bac;
        padding:0 27px 0 5px;
        background:url(../images/bg_breadcrumb_flag.png) 100% 5px no-repeat;
      }
    }
  }
  aside{
    >div{
      width:200px;
      padding:0;
      ul{
        li{
          a{
            padding:16px 25px 18px 10px;
          }
        }
        &.main-menu{
          >li{
            &:first-child{
              >a{
                padding-right:0;
                background-image:none;
                &.collapsed{
                  background-image:none;
                }
              }
            }
            >a{
              background-image:url(../images/flag_down.png);
              background-position:160px 50%;
              &.collapsed{
                background-image:url(../images/flag_up.png);
              }
              >span{
                padding-left:16px;
                display:block;
                background:url(../images/bg_item_sidebar.png) 0 50% no-repeat;
              }
            }
          }
        }
        &.sub-menu{
          li{
            a{
              padding-left:46px;
              background:url(../images/bg_subitem_sidebar.png) 25px 50% no-repeat;
            }
          }
        }
        &.nav{
        border:1px solid #ded8cd;
        border-radius:4px;
        padding:5px 5px 1px 5px;
        li{
          &:last-child{
            margin-bottom:0;
          }
            a{
              color:$colorMain;
              margin-bottom:4px;
              width:100%;
              min-height:47px;
              display:block;
              background-color:#D6E4FF;
              background-repeat:no-repeat;
            }
          }
        }
      }
    }
    .advertise{
      border:1px solid #b6b1a8;
      padding:2px;
      margin-top:18px;
    }
  }
  section{
    >div{
      margin-bottom:25px;
      width:720px;
      padding:0;
      margin-left:25px;
      article{
        margin-bottom:60px;
        width:700px;
        .inner{
          text-align:center;
          p{
            text-align:left;
            line-height:130%;
            &.statistic{
              margin-top:25px;
            }
          }
        }
      }
    }
  }
}

/* foter */
footer{
  border-top:4px solid $colorStyle;
  border-bottom:4px solid $colorStyle;
  padding-top:15px;
  #mainFooter{
    padding:27px 20px;
    border:1px solid #ded8cd;
    background:#fbfaf5;
    h4{
      margin-bottom:20px;
    }
  }
  .logo03{
    margin:12px 0 7px;
    text-align:right;
  }
  .copyright{
    margin-bottom:30px;
    font-size:75%;
  }
}